<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>13_键盘事件-事件对象</title>
    </head>
    <body>
        <button>按钮</button>

        <input type="text">

        <script>
            var btn = document.querySelector('button');

            // function中有一个参数  该参数叫做事件对象 
            // 他包含了该事件发生过程中所有的数据
            // 我们一般把这个对象命名为 e或者event
            btn.onclick = function(e){
                console.log(e);
            }

            var inp = document.querySelector('input');

            inp.onkeyup = function(e){
                console.log(e);
            }


        </script>
    </body>
</html>